<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/10/30
  Time: 13:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<%--导入layui--%>
<script type="text/javascript" src="<c:url value="/res/tool/layui/layui.js"/>"  charset="utf-8"></script>

<link type="text/css" href="<c:url value="/res/tool/layui/css/layui.css"/> "  rel="stylesheet"/>

<%--导入jq--%>
<script type="text/javascript" src="<c:url value="/res/js/jquery-3.4.1.js"/> " charset="utf-8"></script>


<body>

<div  class="layui-card" >
    <div class="layui-card-header"><h2>房屋收费管理/收费管理</h2>
      </div>
    <div class="layui-card-body">
        <h1>收费管理</h1>
    <hr/>
        房间名称:<input type="text" name=""  placeholder="请输入"/>&emsp;
        收费状态:<select>
                        <option>请选择</option>
                        <option>未收费</option>
                         <option>已收费</option>
                 </select>
    &emsp;<input type="button" onclick="" value="查询">&emsp;<input type="button" onclick="" value="重置">
    <br>
        <br>
        <input type="button" onclick="" value="+ 新增">
        &emsp;<input type="button" onclick="" value="收费汇总表">
        &emsp;<input type="button" onclick="" value="收费确认">
        &emsp;<input type="button" onclick="" value="删除">
        <br>
        <br>

        <table id="demo" lay-filter="test"></table>



</div>
</div>
</div>


</body>
<script src="res/tool/layui/layui.js"></script>
<script>
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            ,method: 'post'
            ,height: 312
            ,url: 'rental/table' //数据接口
            ,page: true //开启分页
            ,width:1153
            // ,height:''
            // ,limit:''//显示条数
            //,limits:''//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。 注意：优先级低于 page 参数中的 limits 参数
            ,cols: [[ //表头
                {filed:'id',width:40,fixed: 'left',type:'checkbox'}
                ,{field: 'id', title: '房间编号', width:100,  sort: true}
                ,{field: 'username', title: '房间名称', width:100 ,sort: true}
                ,{field: 'sex', title: '归属楼栋', width:100, sort: true}
                ,{field: 'city', title: '房间类型', width:100 ,sort: true}
                ,{field: 'sign', title: '房间面积', width: 100 ,sort: true}
                ,{field: 'experience', title: '收费状态', width: 100, sort: true}
                ,{field: 'score', title: '房间描述', width: 100, sort: true}
                ,{field: 'classify', title: '收费类型', width: 100,sort: true}
                ,{field: 'wealth', title: '收费金额', width: 100, sort: true}
                ,{field: 'wealth', title: '收费日期', width: 100, sort: true}
                ,{field: 'wealth', title: '租户信息', width: 100, sort: true}
            ]]
        });


    });
</script>
</html>
